<template>
    <div class="login-container">
        <div class="login-box">
            <!--头像区域-->
            <div class="avatar-box">
                <img class="avatar" src="../assets/vue.svg">
            </div>
            <!--表单区域---->
            <div class="form-login">
                <div class="form-group">
                    <label for="username">登录名称：</label>
                    <input type="text" class="form-control" id="username" placeholder="请输入登录名称" autocomplete="off" v-model.trim="username"/>
                </div>
                <!--登录密码---->
                <div class="form-group">
                    <label for="password">登录密码</label>
                    <input type="password" class="form-control" id="password" placeholder="请输入密码" v-model="password">
                </div>
                <!--登录按钮------>
                <div class="form-group">
                    <button type="button" class="btn">登录</button>
                </div>
            </div>
        </div>
    </div>
</template>